@charset "utf-8";


#web{
    height: 100%;
    overflow: hidden;
    #t_eight{
        width: 100%;
        position: relative;
        .eight-a{
            width: 100%;
            img{
                width: 100%;
                position: absolute;
                top: 0;
                left: 50px;
                right: 0;
                margin: auto;
                transform: scale(1.5);
                z-index: 100;
            }
        }
        .eight-b{
            width: 100%;
            img{
                width: 92%;
                position: absolute;
                top: 0;
                left: 0px;
                right: 0;
                margin: auto;
                z-index: 101;
            }
        }
        .eight-c{
            width: 100%;
            img{
                width: 100%;
                position: absolute;
                top: 0;
                left: 0px;
                right: 0;
                margin: auto;
                margin-top: 16%;
                z-index: 102;
            }
        }
        .eight-d{
            width: 100%;
            img{
                width:63%;
                position: absolute;
                top: 0;
                left: -38%;
                right: 0;
                margin: auto;
                margin-top: 39%;
                z-index: 102;
            }
        }
        .eight-e{
            width: 100%;
            img{
                width:57%;
                position: absolute;
                top: 0;
                left: 26%;
                right: 0;
                margin: auto;
                margin-top: 21%;
                z-index: 102;
            }
        }
        .eight-f{
            width: 100%;
            img{
                width:62%;
                position: absolute;
                top: 0;
                left: 47%;
                right: 0;
                margin: auto;
                margin-top: 54%;
                z-index: 102;
            }
        }
        .eight-g{
            width: 100%;
            img{
                width:100%;
                position: absolute;
                top: 0;
                left: 0px;
                right: 0;
                margin: auto;
                margin-top: 74%;
                z-index: 100;
            }
        }
        .eight-h{
            width: 100%;
            img{
                width:30%;
                position: absolute;
                top: 0;
                left: -57%;
                right: 0;
                margin: auto;
                margin-top: 88%;
                z-index: 102;
            }
        }
        // 选项
        .three-i{
            width: 100%;
            img{
                width: 74%;
                position: absolute;
                top: 0px;
                left: -22%;
                right: 0;
                margin:0 auto;
                margin-top: 112%;
                z-index: 103;
            }
        }
        .three-j{
            width: 100%;
            img{
                width: 74%;
                position: absolute;
                top: 0px;
                left: -22%;
                right: 0;
                margin: auto;
                margin-top: 131%;
                z-index: 103;
            }
        }
        .three-k{
            width: 100%;
            img{
                width: 74%;
                position: absolute;
                top: 0;
                left: -22%;
                right: 0;
                margin: auto;
                margin-top: 152%;
                z-index: 103;
            }
        }
        .three-l{
            width: 100%;
            img{
                width: 18%;
                position: absolute;
                top: 0px;
                left:77%;
                right: 0;
                margin: auto;
                margin-top: 108%;
                z-index: 103;
            }
        }
        .three-n{
            width: 100%;
            img{
                width: 14%;
                position: absolute;
                top: 0;
                left:77%;
                right: 0;
                margin: auto;
                margin-top: 129%;
                z-index: 103;
            }
        }
    }
}
